Editor Setup

Visual Studio Code

Let’s all use VS Code so we can easily share settings.

VS Code Extensions

Must use

  • Prettier
  • Beautify

Helpful to use, but doesn’t have any affect on formatting

  • scss-lint
  • Format HTML in PHP
  • HTML End Tag Labels
  • html tag wrapper
  • Highlight Matching Tag

Code formatting

Indents

  • Use spaces to indent code
  • Use 4 spaces per indent level

Quotes

  • Prefer double-quotes when possible

Add a final new line

VS Code Settings File

Sync up your settings with the team by using these settings.

Get the VS Code Settings file